<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/mui.min.css">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<link href="css/mystrap.css" rel="stylesheet" type="text/css" />

		<title>地图</title>

		<style type="text/css">
			body,
			html,
			#allmap {
				width: 100%;
				height: 100%;
				overflow: hidden;
				margin: 0;
				font-family: "微软雅黑";
			}
		</style>
		<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=RCrePW5EKH7aEUN7qrbVxyngo2xq7Oaw&s=1"></script>

		<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
	</head>

	<body style="background: #F9F7EC;">

		<div id="allmap"></div>
		<div class="mui-inner-wrap">

			<header id="header" class="mui-bar mui-bar-nav" style="background: #F9F7EC;">
				<a href="index.html#offCanvasSide" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#000000"></a>
				<h1 class="mui-title">克勤圆悟禅师足迹</h1>
			</header>

		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			// 百度地图API功能	
			var sContent = "";

			var s5 =
				"<h4 style='margin:0 0 5px 0;padding:0.2em 0'>成都昭觉寺</h4>" +
				"<img style='float:right;margin:4px' id='imgDemo' src='images/zjs.jpg' width='139' height='104' title='成都昭觉寺'/>" +
				"<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>克勤禅师晚年回成都昭觉寺，绍兴五年八月五日示寂，世寿七十有三 ，克勤大师慕 在昭觉寺后动物园内。 。</p>" +
				"</div>";
			var s6 =
				"<h4 style='margin:0 0 5px 0;padding:0.2em 0'>道林寺</h4>" +
				"<img style='float:right;margin:4px' id='imgDemo' src='images/dls.jpg' width='139' height='104' title='道林寺'/>" +
				"<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>长沙道林寺，　道林寺位于长沙市岳麓山东麓。 。</p>" +
				"</div>";
			map = new BMap.Map("allmap");
			map.centerAndZoom(new BMap.Point(111.296617, 30.646264), 6);
			map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
			map.setCurrentCity("成都"); // 设置地图显示的城市 此项是必须设置的
			map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
			map.enableDragging();
			var top_left_control = new BMap.ScaleControl({
				anchor: BMAP_ANCHOR_BOTTOM_RIGHT
			}); // 左上角，添加比例尺

			map.addControl(top_left_control);
			//map.addControl(top_left_navigation);
			//map.addControl(top_right_navigation);
			/*缩放控件type有四种类型:
			BMAP_NAVIGATION_CONTROL_SMALL：仅包含平移和缩放按钮；BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮；BMAP_NAVIGATION_CONTROL_ZOOM：仅包含缩放按钮*/

			// 添加带有定位的导航控件
			var navigationControl = new BMap.NavigationControl({
				// 靠左上角位置
				anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
				// LARGE类型
				type: BMAP_NAVIGATION_CONTROL_LARGE,
				// 启用显示定位
				enableGeolocation: true
			});
			map.addControl(navigationControl);
			// 添加定位控件
			var geolocationControl = new BMap.GeolocationControl();
			geolocationControl.addEventListener("locationSuccess", function(e) {
				// 定位成功事件
				var address = '';
				address += e.addressComponent.province;
				address += e.addressComponent.city;
				address += e.addressComponent.district;
				address += e.addressComponent.street;
				address += e.addressComponent.streetNumber;
				//alert("当前定位地址为：" + address);
			});
			geolocationControl.addEventListener("locationError", function(e) {
				// 定位失败事件
				alert(e.message);
			});
			map.addControl(geolocationControl);
			map.enableScrollWheelZoom(true);

			map.enableDragging(); //两秒后开启拖拽

			var data_info = [
				[103.823547, 30.917532, "崇宁县（今成都郫县 唐昌镇附近，北宋末年属彭州）人,。四川崇宁县柏条河畔（今郫县唐昌镇）"],
				[103.875052, 30.974011, "宋神宗元丰（公元1078年），一次克勤等结伴到妙寂院（今彭州丽春青龙寺）游玩，偶然间看到寺院的佛经，看之再三，心中不觉有些怅然，觉得好象见到了自已从前的心爱之物一样，就对同伴说：“我恐怕前世是就是和尚吧！”。于是立志出家，跟从敏行法师学习《首楞严经》，非常的刻苦认真。"],
				[114.483432, 28.41135, "克勤首先来到黄檗真觉惟胜禅师座下(江西省宜丰县黄檗山)，惟胜禅师是黄龙慧南禅师的法嗣。一日师创臂出血，告诉克勤：“此曹一滴也。“克勤一听，惊诧不已，良久才说，道固如是乎？”于是克勤便徒步出蜀行脚四方，遍参各地禅门高僧。他先后礼渴玉泉皓，金銮信，大沩颉，黄龙心，东林总等大德"],
				[115.941413, 30.184561, "蕲州五祖山，参谒法演禅师，蒙其印证"],

				[115.449775, 30.249607, "徽宗政和初年，圆悟克勤禅师来到荆州，当世名士张无尽礼谒之，与其谈论华严要旨、禅门宗趣"],
				[111.489297, 29.562299, "复受澧州刺史之请，驻锡夹山灵泉禅院。当时因枢密邓子常之请，徽宗赐紫服及“佛果禅师”之号。克勤禅师在灵泉禅院碧岩室之时，曾集雪窦重显禅师的颂古一百则，并加垂示、著语、评唱，成《碧岩录》十卷，后世称赞此书为禅门第一书。"],
				[118.865634, 32.056425, "政和末年，奉诏移住金陵蒋山，大振宗风（南京紫金山灵谷寺内）"],
				[119.415882, 32.215226, "后居金山（镇江金山寺），高宗幸扬州时诏其入对，赐号“圜（圆）悟”，世称“圜（圆）悟克勤””"],
				[104.106048, 30.707999, s5],
				[119.4621973183, 32.7867844967, "高邮乾明寺。"],
				[119.4179355666, 32.4204483281, "扬州雍熙寺"],
				[111.2929676073, 30.6976143206, "峡州东山（今湖北宜昌）"],
				[112.9450239934, 28.1870247105, s6],
				[104.1673035443, 30.8379374877, "大观三年（1109）又住持宝光寺。新都宝光寺-位于成都北郊18公里处新都县城。"],
				[114.3550241879,34.8352187448,"天宁寺。 宜和中(约1121年),徽宗又诏令五十八岁的克勤大师移锡汴京(今河南开封)天宁万寿寺"],

				[111.68209, 30.773126, "参玉泉皓，玉泉承皓禅师，荆门（湖北荆门、当阳县）玉泉寺"],
				[113.828933, 29.079958, "参访黄龙祖心禅师，黄龙山-江西隆兴（现修水县）黄龙山"],
				[115.949247, 29.598307, "参访东林总禅师 （东林常总）"],
				[112.44358, 30.039395, "政和元年（1111），克勤南游湘鄂，在荆南（今湖北江陵）与张商英辩论《华严经》要旨及禅门宗趣。张商英对克勤大为佩服，以师礼待之，并请他住持澧州（今湖南澧县），夹山灵泉院。"]

			];

			var opts = {
				width: 300, // 信息窗口宽度
				height: 200, // 信息窗口高度
				title: "介绍", // 信息窗口标题
				enableMessage: true //设置允许信息窗发送短息
			};
			for(var i = 0; i < data_info.length; i++) {
				var marker = new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1])); // 创建标注
				var content = data_info[i][2];
				map.addOverlay(marker); // 将标注添加到地图中
				addClickHandler(content, marker);
			}

			function addClickHandler(content, marker) {
				marker.addEventListener("click", function(e) {
					openInfo(content, e)
				});
			}

			function openInfo(content, e) {
				var p = e.target;
				var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
				var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象 
				map.openInfoWindow(infoWindow, point); //开启信息窗口
			}
		</script>

	</body>

</html>